<template>
  <div class="module">
    <el-dialog title="更换模板" width="1150px" top="15px" :visible.sync="syncDialogShow" :before-close="handleClose">
      <Module :visible.sync="syncDialogShow" @hideDialog="handleClose" />
    </el-dialog>
  </div>
</template>
<script lang="ts">
import { Vue, Component, PropSync } from "vue-property-decorator";
import Module from "../../../../../Module2.vue";
@Component({
  components: {
    Module,
  },
})
export default class ModuleDialog extends Vue {
  /** 设置更换模板弹框 */
  @PropSync("dialogShow", { type: Boolean, default: false })
  syncDialogShow: boolean;

  /** 关闭更换模板弹框 */
  handleClose() {
    this.syncDialogShow = false;
  }
}
</script>
<style lang="scss" scoped></style>
